import { EditorTheme } from "./DarkTheme";

export const MainTheme: EditorTheme = {
  base: "vs-dark",
  shadow: "#00000022 2px 2px 14px",
  backgroundedText: "#f3f3f4",
  disabled: "#899599",
  inactive: "#b7c7cc",
  dimmed: "#cee0e5",
  text: "#e3f6fc",
  info: "#4280f9",
  success: "#007fff",
  error: "#d49ea3",
  contra: "#000000",
  title: "#007fff",
  hover: "#ffffff",
  secondaryHover: "#01c4bd",
  main: "#35d83b",
  active: "#007fff",
  background: {
    mainClosest: "#424242",
    mainCloser: "#383838",
    mainClose: "#303030",
    mainMiddle: "#282828",
    mainFar: "#212121",
    mainFurther: "#1a1a1a",
    mainFurthest: "#0f0f0f",
    success: "#007fff",
    error: "#c1301f",
  },
  backgrounds: {
    type: "#1885f2",
    union: "#7a5be5",
    input: "#d86b35",
    scalar: "#3d9972",
    interface: "#bf376c",
    enum: "#a1d835",
    directive: "#cc493d",
    extend: "#000000",
    Extend: "#a1d835",
    String: "#0f9535",
    Int: "#0f9535",
    Boolean: "#0f9535",
    ID: "#0f9535",
    Float: "#0f9535",
  },
  colors: {
    type: "#198afc",
    union: "#7a5be5",
    input: "#d86b35",
    scalar: "#3d9972",
    interface: "#bf376c",
    enum: "#a1d835",
    directive: "#cc493d",
    extend: "#000000",
    Extend: "#a1d835",
    String: "#acf7c1",
    Int: "#acf7c1",
    Boolean: "#acf7c1",
    ID: "#acf7c1",
    Float: "#acf7c1",
  },
};
